<template>
	<!-- 导航 -->
	<view class="nav flex justify-around">
		<view class="nav-item flex flex-direction align-center">
			<image src="../static/images/nav1.png" mode=""></image>
		<!-- 	<u-icon name="checkbox-mark" color="#2979ff" size="28"></u-icon> -->
			<view class="margin-top">游艇</view>
		</view>
		<view class="nav-item flex flex-direction align-center">
			<image src="../static/images/nav2.png" mode=""></image>
			<view class="margin-top">帆船</view>
		</view>
		<view class="nav-item flex flex-direction align-center">
			<image src="../static/images/nav3.png" mode=""></image>
			<view class="margin-top">邮轮</view>
		</view>
		<view class="nav-item flex flex-direction align-center">
			<image src="../static/images/nav4.png" mode=""></image>
			<view class="margin-top">拼船</view>
		</view>
	</view>
</template>

<script>
</script>

<style>
	.nav{
		margin: 30upx;
	}
	.nav .nav-item{
		width: 22%;
	}
	.nav .nav-item image{
		width: 100upx;
		height: 90upx;
	}
</style>
